<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>显示属性</title>
        <style>
            #taiyi{
                width:300px;
                height:300px;
                background-image:url(./img/你打我撒.png);
                background-size: 100% 100%;
                /* 元素消失：左栏、移除消失：盒模型在页面消失不存在 */
                display:none;
                display:block;
                /* 元素隐藏：消失效果【盒模型还在页面存在，只是隐藏了 】 */
                visibility:hidden;
                visibility:visible;
                /* 以上两个元素都可以实现显示与隐藏 */
            }
            #shengongbao{
                width:300px;
                    height:300px;
                    background-image:url(./img/人心中的成见是一座大山  (1).png);
                    background-size:100% 100%;
                    /* 光标属性：用户体验角度，鼠标移动区域呈现用户体验效果 */
                    cursor:pointer;/* 手指效果：超链接 */
                    cursor:crosshair;/* 十字基准线：拉选区 */
                    cursor:text;/* 文本：复制 */
                    cursor:wait;/* 沙漏等待转圈 */
                    cursor:help;/* 帮助 */
                }
            
        </style>
    </head>
    <body>
        <!-- 显示属性:盒模型：元素存在于盒子中【块，行，行块内】，针对盒子提供显示效果
           display:显示属性：none，block，inline【元素消失，转块，转行】
           visibility显示属性 ：hidden，visible【元素隐藏，元素显示】
         
         -->
         你打我撒<div id="taiyi"></div>
        人心中的成见是一座大山 <div id="shengongbao"></div>
    </body>
</html>